*{
    margin:0px;padding:0px;
    list-style: none;
    text-decoration: none;
}
a{
    &:hover{
        text-decoration: none;
    }
}
//回到顶部按钮
#toTop{
    display: none;
    width:60px;height:60px;
    font-size:30px;
    line-height: 70px;
    text-align: center;
    position:fixed;
    bottom:50px;right:20px;
    background: #000;
    color:#fff;
    opacity: 0.8;
    border-radius:5px; 
    &:hover{
        opacity: 0.6;
    }
}


//顶部logo区域
#topLogo{
    width:100%;
    height:50px;
    background: url(../images/topLogo.gif) center center;
}

/*
 ************ 顶部会员消息区域开始* */
#memBox{
    width: 100%;height:32px;
    background: #f4f4f4;
    #mem{
        width:1150px;height:32px;
        margin:0 auto;
        .left{
            width:87px;height:32px;
            float:left; 
            &:hover{background: #dcdcdc;}
            p{
                font:12px/32px "微软雅黑";
                text-align: center;
            }
        }
        .right{
            width:515px;height:32px;
            float:right;
            ul{
                p{
                    float:left;
                    font:12px/32px "微软雅黑";
                    
                    padding: 0 10px;
                    span{
                       color: #000; 
                    }
                    a{
                       color: #8E8E8E; 
                    }
                     
                }
                li{
                    float:left;
                    font:12px/32px "微软雅黑";
                    color: #8E8E8E;
                    a{
                        color: #8E8E8E;
                        padding: 0 10px;
                    }
                }
                .mob{
                    position: relative;
                    z-index: 10;
                    .code{
                        display: none;
                        position:absolute;
                        left:-100px;
                        width:230px;height:290px;
                        background: #f8f8f8;
                        .codeImg{
                            width:143px;height:147px;
                            margin:20px auto;
                            background: url(../images/qr.png);
                        }
                        .codeWords{
                            text-align: center;
                            height: 25px;
                            line-height: 25px;
                            font-size: 16px;
                            color:#000;
                        }
                        a{
                            display: block;
                            text-align:center;
                        }
                    }
                    &:hover{
                        background: #dcdcdc;
                        .code{
                            display: block;
                        }
                    }
                }
            }
        }
    }
}
/*
 ************ 顶部会员消息区域结束* */




/*
 ************ 顶部导航搜索区域开始* */
#navSearchBox{
    position:relative;
    width:100%;height:130px;
//  导航二级菜单开始
    .navSearch{
       width:1150px;height:130px;
       overflow: auto;
       margin: 0 auto;
       .navCate{
            width:271px;height:46px;
            position:relative;
            top:0px;left:0px;
            margin-top:42px;
            li{
               float:left;
               padding:7px 23px 0px;
               .titleC{
                   font:16px/16px "微软雅黑";
                   color:#000;
               }
               .titleE{
                   font:12px/12px "微软雅黑";
                   position:relative;
                   top:-10px;
                   color:#000;
               }
            }
           .checked{
               background: #555555;
               .titleC{
                   font:16px/16px "微软雅黑";
                   color:white;
               }
               .titleE{
                   font:12px/16px "微软雅黑";
                   color:white;
               }
           } 
        }
    }
    .cateBox{
        display: none;
        width:100%;
        background: #f8f8f8;
    }
    .navBg{
        position:absolute;
        bottom:0px;
        width:100%;height:40px;
        background: #555555;
        .nav{
            width:100%;height:40px;
            margin: 0 auto;
            .navCate{
                width:1150px;
                margin:0 auto;  
                position:relative;
                 z-index: 10;
                li{
                    float:left;
                    padding:10px 45px 10px 50px;
                    &:hover{
                       .Cate{
                           border-bottom: 2px solid white;
                       }
                       .cateBox{
                           display: block;
                       }
                    }
                    .Cate{
                        font:14px/14px "微软雅黑";
                        color:white;
                    }
                    .cateAll{
                        width:1160px;
                        height:350px;
                        padding:30px 0px 30px 10px;
                        overflow: hidden;
                        position:absolute;
                        left:-10px;
                        top:40px;
                        background: #f8f8f8;
                        z-index: 10;
                        a{
                            &:hover{
                                text-decoration: underline;
                            }
                        }
                        .sonCate{
                            float:left;
                            height:355px;
                            padding:0 65px 0 5px;
                            p{
                                margin-bottom: 14px;
                                a{
                                    color:#A1A1A1;
                                }
                                .hot{
                                    color:#E01;
                                }
                            }
                            .cateTitle{
                                width:180px;height:22px;
                                border-bottom: 1px solid #000;
                                a{
                                    color:#000;
                                }
                            }
                        }
                        .noF{
                            padding-left:50px;
                            border-left:1px solid #cccccc;
                        }
                        .cateImg{
                            width:360px;
                            float:left;
                            a{
                                display: block;
                                font:14px/16px "微软雅黑";
                                color:#000;
                                margin-top:45px;
                                text-align: center;
                            }
                        }
                    }
                }
                .fst{
                   padding:10px 45px 10px 0px;
                }
            }
        }
    }
//  导航二级菜单结束

//  logo图片
    .logo{
        display: block;
        width:171px;height:40px;
        position:absolute;
        top:30px;left:600px;
    }
//      搜索区域
    .search{
        position:absolute;
        left:853px;top:45px;
           
        .words{
            border:1px solid #555555;
            text-indent: 1em;
            width: 240px;
            height: 28px;
        }
        
        .sub{
            position:relative;
            left:-5px;
            border:none;
            width: 80px;
            height: 28px;
            background: url(../images/search.png) #555555 no-repeat 31px 7px;
        }
        .car{
            position:absolute;
            left:360px;top:2px;
            .carBg{
                display: block;
                width:27px;height:20px;
                background: url(../images/carBg.png);
                position:absolute;
                top:-10px;left:16px;    
                text-align: center;
                color:white;
            }
        }
        .shopping{
            display:none;
            cursor:pointer;
            width:378px;
            padding:10px;
            padding-top: 40px;
            background: #f8f8f8;
            position:absolute;
            top:45px;
            left:0px;
            z-index: 10;
            .close{
                position:absolute;
                top:11px;right:11px;
                transition: transform 0.5s;
                &:hover{
                    transform: rotate(180deg);
                }
            }
            ul{
                overflow: hidden;
                li{
                   position:relative;
                   height:80px;
                   img{
                       width:46px;height:62px;
                   }
                   .goodsName{
                       position:absolute;
                       width:200px;
                       top:5px;left:55px;
                   }
                   p{
                       position:absolute;
                       top:30px;left:55px;
                       color:#999;
                   }
                   .del{
                       position:absolute;
                       top:30px;right:15px;
                       color: #333;
                   }
                   .price{
                       position:absolute;
                       top:5px;right:15px;
                   }
                }
                .toShopping{
                   display: block;
                   height:30px; 
                   border-top:1px solid #dcdcdc;                
                   font:20px/40px "微软雅黑";
                   color:#999;
                   text-align: center;
                }
            }
            .emptyCar{
                height:300px;
                img{
                    display: block;
                    width:140px;height:147px;
                    margin:50px auto 10px;
                }
                h3{
                    text-align: center;
                }
            }
        }
        
    }
}
.show{
    display: block;
}
/*
 ************ 顶部导航搜索区域结束* */
